<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>素材を追加する | アクションゲームツクールMV ヘルプ</title>
        <meta name="description" content="ツクールシリーズ最新作『アクションゲームツクールMV』Steamアーリーアクセス開始！">
        <meta name="keywords" content="ツクールMV,MV,ツクール,ツクールシリーズ,アクションゲームツクールMV,アクションゲームツクール,PixelGameMakerMV，PixelGameMaker">
        <link rel="icon" href="./favicon.ico">
        <!-- スタイルシート -->
        <link rel="stylesheet" href="./common/css/q-reset.css">
        <link rel="stylesheet" href="./common/drawer/drawer.min.css">
        <link rel="stylesheet" href="./common/css/common.css">
    </head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-118975509-1"></script>
    <!-- Google Analytics -->
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-118975509-1', 'auto');
    ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-118975509-1');
    </script>

    <body id="menu07" class="flex bet drawer drawer--left">
        <header class="header">
            <button type="button" class="drawer-toggle drawer-hamburger">
                <span class="sr-only">toggle navigation</span>
                <span class="drawer-hamburger-icon"></span>
            </button>
            <nav id="nav_area" class="drawer-nav" role="navigation">
                <div class="drawer-menu">
                    <h1 class="drawer-navh1">
                        <a href="./index.html">
                            <picture>
                                <source srcset="./common/img/title_logo.png" media="(min-width: 641px)">
                                <img src="./common/img/title_logo_sp.png" alt="logo">
                            </picture>
                        </a>
                    </h1>
                    <dl>
                        <dt class="drawer-dropdown menu01"><a class="drawer-menu-item">はじめに</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_01.html">アクションゲームツクールMVとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_02.html">このソフトの特徴</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_03.html">ゲーム作成の始め方</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_04.html">ゲーム作成の基本</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_05.html">完成したゲームを遊ぶには</a></dd>
                        <dt class="drawer-dropdown menu02"><a class="drawer-menu-item">エディターの基本情報</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_01.html">画面の見方と基本操作</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_02.html">メニューバーについて</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_03.html">設定メニュー</a></dd>
                        <dt class="drawer-dropdown menu03"><a class="drawer-menu-item">シーン</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_01.html">シーンとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_02.html">シーン画面</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_03.html">シーンを追加する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_04.html">タイルを配置する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_05.html">他のパーツを配置する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_06.html">配置したパーツの設定を行う</a></dd>
                        <dt class="drawer-dropdown menu04"><a class="drawer-menu-item">タイル</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./04_01.html">タイルとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./04_02.html">タイルの詳細設定</a></dd>
                        <dt class="drawer-dropdown menu05"><a class="drawer-menu-item">アニメーション</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_01.html">アニメーションとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_02.html">アニメーションを追加する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_03.html">モーション：画面の見方</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_04.html">モーション：設定の手順</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_05.html">エフェクトアニメーション</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_06.html">パーティクルアニメーション</a></dd>
                        <dt class="drawer-dropdown menu06"><a class="drawer-menu-item">オブジェクト</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_01.html">オブジェクトとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_02.html">オブジェクト画面</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_03.html">アクションプログラム</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_04.html">オブジェクトの詳細設定</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_05.html">その他の設定項目</a></dd>
                        <dt class="drawer-dropdown menu07"><a class="drawer-menu-item">素材</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./07_01.html">素材とは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./07_02.html">素材を追加する</a></dd>
                        <dt class="drawer-dropdown menu08"><a class="drawer-menu-item">遷移</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_01.html">遷移とは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_02.html">画面フロー</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_03.html">ポータル移動</a></dd>
                        <dt class="drawer-dropdown menu09"><a class="drawer-menu-item">プラグイン</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./09_01.html">プラグインとは</a></dd>
                        <dt class="drawer-dropdown menu10"><a class="drawer-menu-item">資料集</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./10_01.html">素材とデータ</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./10_02.html">プラグインについて</a></dd>
                        <dt class="drawer-dropdown menu11"><a class="drawer-menu-item">その他</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_01.html">使用許諾契約書</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_02.html">商標・登録商標について</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_03.html">スタッフクレジット</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_04.html">ユーザーサポート</a></dd>
                    </dl>
                </div>
            </nav>
        </header>
        <main class="main">
            <article>
                <section>
                    <h2 class="main_h2"><span class="main_h2span">素材</span>素材を追加する</h2>
                    <h3 class="main_h3 main_h3--lineone">画面の見方</h3>
                    <p class="main_txt">ツール選択メニューで「素材」を選ぶと、素材の管理や追加が行えます。</p>
                    <p class="main_img"><img src="./img/07/07_02_01.png" alt=""></p>
                    <dl>
                        <dt class="main_dt"><span class="main_num">1</span>カテゴリタブ（→詳しくは<a href="./07_01.html#01">こちら</a>）</dt>
                        <dd class="main_dd">クリックすると、管理する素材を切り替えられます。</dd>
                        <dt class="main_dt"><span class="main_num">2</span>素材の一覧</dt>
                        <dd class="main_dd">一覧のファイルやフォルダは、ドラッグ操作で並び替えたり、フォルダを用いて整理することができます。<br />また、「変数」と「スイッチ」は、リスト上部のプルダウンメニューで、表示する一覧を切り替えることができます。</dd>
                        <dt class="main_dt"><span class="main_num">3</span>メニューボタン</dt>
                        <dd class="main_dd">
                            <table class="main_table main_table--under">
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/07/07_02_01icon.png" alt=""></span> フォルダ追加</th>
                                    <td class="main_td">一覧にフォルダを追加できます。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/07/07_02_02icon.png" alt=""></span> 項目追加</th>
                                    <td class="main_td">一覧に新規の項目を追加できます。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/07/07_02_03icon.png" alt=""></span> 項目削除</th>
                                    <td class="main_td">選んでいる項目を削除します。</td>
                                </tr>
                            </table>
                        </dd>
                        <dd class="main_dd main_dd--ind">※一部の項目では、エリア下部の検索ボックスから、表示する項目を絞り込むことが可能です。</dd>
                        <dt class="main_dt"><span class="main_num">4</span>編集エリア（上半分）</dt>
                        <dd class="main_dd">エリアの上半分では、選んだ項目の詳細を確認できます。なお、表示物はカテゴリごとに異なります。</dd>
                        <dt class="main_dt"><span class="main_num">5</span>編集エリア（下半分）</dt>
                        <dd class="main_dd">エリアの下半分には、項目が使われている場所の一覧が表示されます。項目を選んで右クリックし、「移動」を選ぶと、直接その場所を開きます。また、エリア下部の検索ボックスから、表示する項目を絞り込むことも可能です。</dd>
                    </dl>
                    <h3 class="main_h3 main_h3--lineone">画像を追加する</h3>
                    <p class="main_txt">カテゴリ「画像」では、アニメーションやタイルの作成に使ったり、フォントとして用いる画像をプロジェクトに追加できます。画像を選ぶと、編集エリアに詳細が表示されます。</p>
                    <p class="main_img"><img src="./img/07/07_02_02.png" alt=""></p>
                    <dl>
                        <dt class="main_dt"><span class="main_num">1</span>画像の詳細情報</dt>
                        <dd class="main_dd">元のファイルに関する情報を確認したり、管理することができます。<br />また、アニメーションで使用する画像は、「画像分割の初期値」を設定しておく必要があります。</dd>
                        <dt class="main_dt"><span class="main_num">2</span>プレビューエリア</dt>
                        <dd class="main_dd">画像と、画像分割の境界線をプレビュー表示できます。</dd>
                    </dl>
                    <h4 id="02"  class="main_h4">画像分割とは</h4>
                    <p class="main_txt">キャラクターなどのアニメーションに用いる画像は、1つ1つのポーズに別の画像を用意するのではなく、それらのポーズを等間隔に並べた1枚の画像（スプライトシート）の形式で用意すると便利です。「画像分割の初期値」で、各ポーズの境界線を設定しておくと、ツール「アニメーション」で必要なポーズを抜き出して使用することができます。</p>
                    <h3 class="main_h3 main_h3--lineone">フォントを追加する</h3>
                    <p class="main_txt">カテゴリ「フォント」では、テキスト作成に利用できるフォントを登録することができます。「画像」で登録した文字の画像をフォントとして利用することもできますし、TrueTypeフォントがあれば、それをゲーム内のフォントとして登録することも可能です。<br />新たなフォントを追加するときは、メニューボタンなどで「項目追加」を選んだあと、画像とTrueTypeフォントのどちらを使用するかを選んでください。</p>
                    <h4 class="main_h4">画像からフォントを作成する</h4>
                    <p class="main_txt">使用する画像を選んだあと、「文字幅」を等倍とカスタムから選びます。それから「文字配置」の入力スペースに、画像の文字に合わせてテキストを入力していきます。</p>
                    <p class="main_txt main_txt--ind">※入力するテキストと改行位置は、画像の並びと同一になるようご注意ください。</p>
                    <table class="main_table">
                        <tr class="main_tr">
                            <th class="main_th">等倍</th>
                            <td class="main_td">それぞれの文字を、縦横等倍で切り出すことができます。</td>
                        </tr>
                        <tr class="main_tr">
                            <th class="main_th">カスタム</th>
                            <td class="main_td">半角文字と全角文字をそれぞれ、文字幅をドット数単位で変更できます。</td>
                        </tr>
                    </table>
                    <p class="main_img"><img src="./img/07/07_02_03.png" alt=""></p>
                    <h4 class="main_h4">TrueTypeフォントを使用する</h4>
                    <p class="main_txt">使用するフォントの種類を選んだあと、使用時の文字サイズを設定してください。</p>
                    <p class="main_txt main_txt--ind">※TrueTypeFontは、プロジェクトの［fonts］フォルダ内に配置されたものを使用できます。</p>
                    <h3 class="main_h3 main_h3--lineone">テキストを追加する</h3>
                    <p class="main_txt">カテゴリ「テキスト」では、ゲーム内で使用する文章を1つ1つ項目として追加できます。使用するフォントを選んだあと、テキストを入力してください。設定メニュー「プロジェクト設定」→「言語設定」で複数の言語を設定している場合は、タブを切り替え、各言語の文言を入力しましょう。</p>
                    <h3 class="main_h3 main_h3--lineone">音声や映像を追加する</h3>
                    <p class="main_txt">カテゴリ「動画」「BGM」「SE」「音声」「アニメ専用」では、対応する形式のファイルを項目として追加できます。<br />登録した項目はプレビューで視聴したり、ゲーム内で使用する際の音量や、音のバランスなどを調整することが可能です。</p>
                    <h3 id="01" class="main_h3 main_h3--lineone">スイッチと変数について</h3>
                    <p class="main_txt">スイッチと変数は、ゲーム内のさまざまな状況の変化を管理するためのしくみです。システムで初期から用意されているもののほか、ユーザーが項目を追加することも可能です。<br />カテゴリ「変数」と「スイッチ」では、プロジェクト内にある変数やスイッチを一覧で確認できます。</p>
                    <p class="main_txt main_txt--ind">※変数やスイッチのうち、緑色のものはシステムで初期から用意されている項目で、初期値などの設定変更に制約がある場合があります。</p>
                    <p class="main_img"><img src="./img/07/07_02_04.png" alt=""></p>
                    <h4 class="main_h4">スイッチとは</h4>
                    <p class="main_txt">スイッチは「何かがONであるか、それともOFFであるか」という情報を記憶できます。<br />例えばゲーム内で、操作キャラクターが薬アイテムを取ると無敵状態になることを表現するとします。この場合、まず薬アイテムに対し、「キャラクターが触れるとスイッチ［無敵］がONになる」という情報を追加します。また、敵の攻撃にも、「スイッチ［無敵］がONならばキャラクターにダメージを与えない」という情報を追加します。このように、スイッチ［無敵］の情報を軸にして、ゲーム内のさまざまな変化を表現することができるのです。</p>
                    <h4 class="main_h4">変数とは</h4>
                    <p class="main_txt">変数は「何かの数字の値がいくつであるか」という情報を記憶できます。基本的な利用法などはスイッチと同様です。例えば「現在の残りHPがいくつであるか」「現在持っている鍵の数はいくつか」などの情報に基づく変化は、変数を軸にして管理することになります。</p>

                </section>
            </article>
        </main>

        <!-- javascript -->
        <script src="./common/js/jquery224min.js"></script>
        <script src="./common/js/run.js"></script>
        <script src="./common/drawer/iscroll.js"></script>
        <script src="./common/drawer/drawer.min.js"></script>
        <script>
            $(function() {
                if (window.matchMedia( '(max-width: 1280px)' ).matches) {
                    $('.drawer').drawer();
                }
            });
        </script>
    </body>
</html>